@charset "UTF-8";

$sideWidth:180px;

// 顶栏
.header{
	height:50px;
	line-height: 50px;
	background:#373D41;
	color:#f3f3f3;

	
	.title{
		float: left;
		font-size: 20px;
		width:$sideWidth;
		text-align: center;
		border-right: solid 1px #2A2F32;
	}

	.nav{
		list-style: none;
		float:left;
		font-size: 16px;
		padding:0;
		margin:0;
		li{
			display: inline-block;
			padding:0 25px;
			cursor: pointer;
			transition:all 0.1s;
			&:hover{
				background:#2A2F32;
			}
		}
		li+li{
			border-left: solid 1px #2A2F32;
		}
	}

	.k-header-right-btn{
		margin-right:20px;
		border:solid 1px #2A2F32;
		border-top:none;
		border-bottom:none;
		a{
			padding:0 15px;
			color:#f3f3f3;
			display:inline-block;
			&:hover{
				background:#2A2F32;
			}
		}
	}
}


// 侧栏
.sidebar{
	background:#333744;
	position: absolute;
	top:50px;
	bottom: 0px;
	width:$sideWidth;
	color:#ddd;
	font-size: 14px;
	.title{
		padding:10px;
		padding-left: 30px;
		background:#4A5064;
	}
	ul{
		padding: 0;
		margin:0;
		list-style: none;
		li{
			padding:10px;
			padding-left: 30px;
			cursor: pointer;
			transition:all 0.1s;
			&:hover{
				background:#4A5064;
			}
		}
	}
	.right-nav{
		margin-right: 15px;
		cursor: pointer;
	}
}

// 内容框架
.body{
	position:absolute;
	left:180px;
	right:0;
	top:50px;
	bottom:0;
	.k-ifm{
		width: 100%;
		height: 100%;
		display: block;
		padding:0;
		margin:0;
		border:none;
		position: relative;
		.el-tabs{
			width: 100%;
			height: 100%;
			.el-tabs__header{
				margin:0 10px;
			}
			.el-tabs__content{
				position: absolute;
				top:40px;
				bottom:0;
				left:0;
				right:0;
			}
		}
	}
	.iframe{
		width: 100%;
		height: 100%;
		display: block;
		padding:0;
		margin:0;
		border:none;
	}
}

// 锁屏层
.k-lock{
	position: fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:10;
	background: url('/static/admin/images/bg.jpg') no-repeat;
	background-size: cover;
	.k-unlock{
		background-color: #fff;
		position: fixed;
		margin:auto;
		left:0;
		right:0;
		top:0;
		bottom:0;
		width:200px;
		height:168px;
		border-radius: 6px;
		padding:10px;
		text-align:center;
		padding-top:20px;
		input{
			border:solid 1px #ddd;
			border-radius:4px;
			padding:6px;
			outline:none;
		}
		.k-unlock-btn{
			color:#000;
			display:block;
			margin-top:20px;
			.fa{
				font-size:28pt;
			}
		}
	}
}